<template>
  <div id="list">
    <img  class="img1" src="video03.png" alt="" >
      <div class="box1">
        <h4>豆瓣 <span>{{tit1}}</span></h4>
        <p>{{tit2}}</p>
      </div>

      <div class="box2">
        <h4>{{tit3}}</h4>
        <p>{{tit4}}</p>
      </div>
      <div class="box3">
      <img src="video02.png" alt="">
      </div>
  </div>
</template>

<script>
export default {
  props:["tit1","tit2","tit3","tit4","imgurl"]
}
</script>

<style scoped>
#list{
  font-size: 0.16rem;
}
#list div{
  float:right;
}
.box1{
  width:85%;
  height: 0.6rem;

}
.box2{
  width:85%;
  height: 1.1rem;
  border: 1px solid #666;
  
}
.box2 p{
  font-size: 0.14rem;
 
  color:#ccc;
}
.box3{
  width: 85%;
  height: 0.5rem;
}
.box3 img{
  width:100%;
  height: 100%;
}
.img1{
  width: 0.5rem;
  height: 0.5rem;
}
</style>